body {
	margin:0%;
	padding:0%;
	background-color:black;
}
.firstdiv {
	height:70px;
	width:100%;
	background-color:black;
}
.spotify {
	height:53px;
	width:4.1%;
	background-color:black;
	float:left;
	margin-top:0.5%;
	margin-left:2%;
	border-radius:50%;
}
.homelogo {
	height:53px;
	width:4.1%;
	background-color:black;
	float:left;
	margin-top:0.5%;
	margin-left:2%;
	border-radius:50%;
}
.btn {
	height:60px;
	width:100%;
	background-color:black;
	border-radius:50px;
}
.input {
	height:80px; 
	width:100%;
	background-color:red;
}
.searchbar {
	width:33%;
	height:50px;
	background-color:#202020;
	margin-left:2%;
	margin-top:0.7%;
	border-radius:50px;
	padding-left:3%;
	float:left;
	color:white;
	border:2px solid black;
	font-weight:bold;
}
.btn2 {
	margin-left:7%;
	font-size:16px;
	background-color:black;
	float:left;
	margin-top:2%;
	color:white;
}
.btn3 {
	font-size:16px;
	background-color:black; 
	float:left; 
	margin-top:2%;
	margin-left:0.3%;
	color:white;
}
.btn4 {
	font-size:16px;
	background-color:black; 
	float:left; 
	margin-top:2%;
	margin-left:0.3%;
	color:white;
}
button {
	border:none;
}
.mt {
	height:50px;
	width:0.1%;
	background-color:black;
	float:left;
	margin-left:1%;
	margin-top:1%;
	color:white;
}
.app {
	height:50px;
	width:10%;
	background-color:black;
	float:left;
	margin-left:1%;
	margin-top:0.5%;
}
.installed {
	height:30px;
	width:80%;
	background-color:black;
	float:left;
	margin-top:15%;
	margin-left:3%;
	font-size:18px;
	color:white;
}
.btn5 {
	margin-top:2%;
	margin-left:0.3%;
	background-color:black;
	font-size:16px;
	float:left;
	color:white;
}
.login {
	height:35px;
	width:8%;
	background-color:white;
	float:left;
	margin-top:0.8%;
	margin-left:0.5%;
	border-radius:50px;
	text-align:center;
	padding-top:1%;
	font-size:18px;
	color:black;
}
.parent	 {
	width:24%;
	height:580px;
	background-color:black;
	float:left;
	margin-left:1%;
	border-radius:10px;
}
.library {
	height:100px;
	width:100%;
	background-color:black;
	
}
.plusicon {
	height:50px;
	width:85%;
	background-color:black;
	padding-top:3%;
	font-size:18px;
	padding-left:13%;
	color:white;
	border-radius:10px;
}
.ver1 {
	height:125px;
	width:95%;
	background-color:#212121;
	margin-top:4%;
	margin-left:2%;
	border-radius:10px;
	color:white;
}
.ver2 {
	height:20px;
	width:95%;
	background-color:black;
	margin-top:3%;
	margin-left:2%;
	border-radius:10px;
}
.textxt {
	padding-left:4%;
	color:grey;
	font-size:14px;
}
.ver3 {
	height:20px;
	width:95%;
	background-color:black;
	margin-top:3%;
	margin-left:2%;
	border-radius:10px;
}
.vers4 {
	height:20px;
	width:95%;
	background-color:black;
	margin-top:3%;
	margin-left:2%;
	border-radius:10px;
}	
.vers5 {
	height:30px;
	width:30%;
	background-color:black;
	margin-top:10%;
	margin-left:2%;
	border-radius:20px;
	justify-content:center;
	align-items:center;
	text-align:center;
	display:flex;
	color:white;
	border:2px solid white;
}


.playlist {
	height:100px;
	width:90%;
	background-color:#202020;
	display:block;
	margin-top:2%;
	border-radius:20px;
	margin-left:2%;
	overflow:auto;
	scrollbar-width:none;
}
.firstp {
	font-size:20px;
	text-align:center;
	padding-left:0%;
	padding-top:5%;
	display:block;
	color:white;
}
.btn6 {
	height:30px;
	width:38%;
	background-color:white;	
	margin-top:2%;
	margin-left:10%;
	border-radius:50px;
}
.findpodcast {
	height:20px;
	width:88%;
	background-color:#202020;	
	margin-top:5%;
	margin-left:2%;
	text-align:left;
	font-size:18px;
	color:white;
	padding-left:10%;
	padding-top:7%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight:bold;
}
.podcast2 {
	height:220px;
	width:98%;
	background-color:black;	
	margin-left:2%;
}
.safety {
	height:200px;
	width:95%;
	background-color:black;	
	margin-left:2%;
	margin-top:0%;
}
.languages {
	height:30px;
	width:31%;
	background-color:black;	
	margin-top:15%;	
	border-radius:20px;
	border:2px solid white
}
.maincontent {
	height:580px;
	width:74%;
	background-color:#202020;
	float:left;
	overflow:auto;
	scrollbar-width:none;
	border-radius:10px;
	margin-left:1%;
}

.title {
	height:30px;
	width:98%;
	background-color:#202020;
	padding-top:3%;
	font-size:24px;
	font-weight:bold;
	padding-left:2%;
	color:white;
}
.songs {
	height:2000px;
	width:100%;
	background-color:grey;
}
.extra {
	height:320px;
	width:%;
	background-color:#202020;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	display:flex;
	scrollbar-width:none;
	/* #202020 */
}
.saiyyara {
	height:300px; 
	width:18%;
	background-color:#202020;
	margin-left:2%;
	margin-top:1%;
	border-radius:10px;
	flex-shrink:0;
	
}
.caption1 {
	font-size:17px;
	color:white;
	padding-left:2%;
	font-weight:bold;
}	
.caption2 {
	color:lightgrey;
	padding-left:2%;
	font-size:16px;
}
.extra2 {
	height:300px;
	width:%;
	background-color:#202020;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	display:flex;
	scrollbar-width:none;
}
.singer {
	height:280px; 
	width:18%;
	background-color:#202020;
	margin-left:2%;
	margin-top:1%;
	flex-shrink:0;
	
}
.text1 {
	font-size:20px;
	color:white;
	padding-left:2%;
	font-weight:bold;
}
.text2 {
	color:lightgrey;
	padding-left:2%;
	font-size:16px;
}
.extra3 {
	height:320px;
	width:%;
	background-color:#202020;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	display:flex;
	scrollbar-width:none;
}
.extra4 {
	height:320px;
	width:%;
	background-color:#202020;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	display:flex;
	scrollbar-width:none;
	
}
.company {
	height:300px;
	width:18%;
	background-color:#202020;
	margin-top:3%;
	float:left;
	margin-left:2%;
}
.bold {
	font-size:20px;
	color:white;
	padding-left:2%;
	padding-top:1%;
	font-weight:bold;
	
}
.normal {
	font-size:18px;
	color:white;
	padding-left:2%;
	padding-top:1%;
	color:lightgrey;
}